﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $siteSetings["site_name"]?></title>
<meta name="description" content="<?php echo $siteSetings["site_description"]?>">
<meta name="keywords" content="<?php $site_keyword?>">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="f.gif" type="<?php echo $siteSetings["site_logo"]?>" >
<link rel="shortcut icon" href="favicon.ico" >
<link href="<?php echo site_url()?>templates/css/style.css" rel="stylesheet" type="text/css">

<style>
*{  margin:0px;
	padding:0px;
}
.nav .clear:after {
    clear: both;
    content: ".";
    display: block;	
    height: 0;
    visibility: hidden;
}

.nav nav{
	display:inline-block;
	border:1px solid #09f;
	border-bottom: 1px solid #09f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:0px;
	
	
	-webkit-box-shadow:1px 1px 3px #09f;
    -moz-box-shadow:1px 1px 3px #09f;
}
.nav li{
	list-style:none;
	float:left;
	padding-left:3px;
	border-right: 1px solid #09f;
	position: relative;
	
	/*background: -moz-linear-gradient(top, #fff, #555D5F 2% ,#555D5F  50%,#3E4245 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(2%, #09f), color-stop(50%, #555D5F),to(#09f));*/
	background:#09f;
}
.nav li:hover{
	/*background: -moz-linear-gradient(top, #F8C03B, #3E4245 2% ,#555D5F  80%,#F8C03B 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8C03B), color-stop(2%, #3E4245), color-stop(80%, #3E4245),to(#F8C03B));*/
	background:#F8C03B;
	-moz-transition: background 1s ease-out;
	-webkit-transition: background 1s ease-out;
}
.nav li a{
	display:block;
	height:40px;
	line-height:40px;
	padding:0 30px;
	font-size:14px;
	color:#fff;
	text-shadow: 0px -1px 0px #000;
	text-decoration:none;
	white-space:nowrap;

	-moz-border-top-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	
	z-index:100;
}
.nav li > a{
	position:relative;
}
.nav li.first a{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
.nav li.last{
	border-right: 0 none;
}




.nav dl{
	position:absolute;
	display:none;
	top:40px;
	left: -25px;
	
	width:165px;
	
	background:#222222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow:1px 1px 3px #292929;
    -moz-box-shadow:1px 1px 3px #292929;
	
	z-index:10;
            
}
.nav li:hover dl{
	top:50px;
	display:block;
	width:145px;
	padding:10px;
}
.nav dl a{
	background:transparent;
	border:0 none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-transition: background 0.5s ease-out;
	-webkit-transition: background 0.5s ease-out;
	
	z-index:50;
}
.nav dl a:hover{
	color:#FFF;
	background:#F8C03B;
	-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.nav dd{
	margin-top:-40px;
	opacity:0;
	width:145px;
	-webkit-transition-property:all;
	/*-webkit-transition-timing-function: cubic-bezier(5,0,5,0);*/
	-moz-transition-property: all;
	/*-moz-transition-timing-function: cubic-bezier(5,0,5,0);*/
	/*-webkit-transition-delay:5s;
	-moz-transition-delay:5s;*/
}
.nav li:hover dd{
	margin-top:0;
	opacity:1;
}
.nav li dd:nth-child(1){
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
}
.nav li dd:nth-child(2){
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
}
.nav li dd:nth-child(3){
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}
.nav li dd:nth-child(4){
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}

.nav dt{
	display:none;
	margin-top:-25px;
	padding-top:15px;
	height:10px;
}
.nav li:hover dt{
	display:block;
}
.nav .Darrow{
	float:right;
	margin:18px 10px 0 0;
	border-width:5px;
	border-color:#FFF transparent transparent transparent;
	border-style:solid;
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	
	cursor:pointer;
	
	text-shadow: 0px -1px 0px #000;
	
	-webkit-box-shadow:0px -1px 0px #000;
    -moz-box-shadow:0px -1px 0px #000;
}

.nav .arrow{
	margin:0 auto;
	margin-top:-5px;
	display:block;
	width:10px;
	height:10px;
	background:#222222;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
</style>
</head>
<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v2.jiathis.com/code/jiathis_r.js?btn=r1.gif" charset="utf-8"></script>
<!-- JiaThis Button END -->
<script  src= "http://www.google.com/jsapi" ></script>  
<script>  
  //    jQuery  
	google.load("jquery", "1.7.1");  
	var base_url='<?php echo site_url()?>';
</script>  


<script type='text/javascript' src='<?php echo site_url()?>templates/js/jquery.autocomplete.js'></script>
<script type='text/javascript' src='<?php echo site_url()?>templates/js/site.js'></script>
<link rel="stylesheet" type="text/css" href="<?php echo site_url()?>templates/js/jquery.autocomplete.css" />
<script type='text/javascript' src='<?php echo site_url()?>templates/js/jquery.bgiframe.min.js'></script> 
<script type="text/javascript">
function AutoScroll(obj){
	$(obj).find("ul:first").animate({
		marginTop:"-25px"
	},500,function(){
		$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
	});
}
$(document).ready(function(){
	setInterval('AutoScroll("#announce")',5000);
});
</script>
<body >

<div id="body_frame">



<!--顶部header 部分开始-->
<div id="header">
  <div class="h_l">&nbsp;</div>
  <div class="h_r">
    <div class="login">欢迎您！&nbsp;&nbsp;&nbsp;<a href="login.asp" class="ico2">登录</a>/<a href="register.asp">免费注册</a>
</div>
    <div class="phone"><span>热线电话：400-800000</span></div>
  </div>
  <div class="clear"></div>
</div>
<!--顶部header 部分end-->



<!--导航  开始-->
<div id="nav_frame">
<div id="global-header">
<div class="nav">
		<nav>
			<ul class="clear">
				<li class="first"><a href="#">菜单一</a></li>
				<li>
					<span class="Darrow"></span>
					<a href="#">菜单二</a>
					<dl>
						<dt><span class="arrow"></span></dt>
						<dd><a href="#">子菜单一</a></dd>
						<dd><a href="#">子菜单二</a></dd>
						<dd><a href="#">子菜单三子菜单三</a></dd>
					</dl>
				</li>
				<li>
					<span class="Darrow"></span>
					<a href="#">菜单三</a>
					<dl>
						<dt><span class="arrow"></span></dt>
						<dd><a href="#">子菜单一</a></dd>
						<dd><a href="#">子菜单二</a></dd>
						<dd><a href="#">子菜单三子菜单三</a></dd>
					</dl>
				</li>
				<li>
					<span class="Darrow"></span>
					<a href="#">菜单四</a>
					<dl>
						<dt><span class="arrow"></span></dt>
						<dd><a href="#">子菜单一</a></dd>
						<dd><a href="#">子菜单二</a></dd>
						<dd><a href="#">子菜单三</a></dd>
						<dd><a href="#">子菜单四</a></dd>
					</dl>
				</li>
				<li><a href="#">菜单五</a></li>
				<li><a href="#">菜单六</a></li>
				<li><a href="#">菜单七</a></li>
				<li><a href="#">菜单七</a></li>
				<li class="last"><a href="#">菜单八</a></li>
			</ul>
		</nav>
</div>
</div>
</div>
<!--导航  结束-->

<!--公告  开始-->
<div  id="top_two">
<div class="gonggao">
<span class="title" ><h3>网站公告</h3></span>
	<div id="announce" class="scrollDiv" >
	<ul>
		<?php foreach ($announcement as $key){?>
		<li class="content"><?php echo $key->content?></li>
		<?php }?>
	</ul>
	</div>
</div>
<div class="sou">
<form  id="headerSearchForm" method="post" action="products.asp" name="productSearch"><div id="search">
<span class="s_title">目的地搜索:</span>
<span ><input name="myKeyword" size=24 id="mykeyword"  value="请输入您想去的目的地" onfocus="if(this.value=='请输入您想去的目的地')this.value='';" onblur="if(this.value=='')this.value='请输入您想去的目的地';" type="text"/></span><span class="go"><input type="image" src="<?php echo site_url()?>templates/img/search.gif" id="search-button"  value="搜索" onclick="return click_search()" /><input name="search" value="true" type="hidden" /></span>
</div> </form>
<script language="javascript">
	function click_search(){
		searchkey=document.getElementById("headerSearchForm");
		var keywords;
		keywords=searchkey.myKeyword.value;
//		alert(keywords);
		if(keywords==""){
			alert("请输入要搜索的线路名称!");
			searchkey.myKeyword.select();
			searchkey.myKeyword.focus();
			return false;
		}
		else if(keywords=="请输入您想去的目的地"){
			alert("请输入要搜索的线路名称!");
			searchkey.myKeyword.select();
			searchkey.myKeyword.focus();
			return false;
		}
	
	}
</script></div>
</div>
<!--公告  结束-->

